<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/head_and_footer.css">  
    <link rel="stylesheet" href="../css/body.css">
    <link rel="stylesheet" href="../css/denglu.css">
    <link rel="stylesheet" href="../icon/iconfont.css">
    <link rel="shortcut icon" href="../favicon.ico">
    <script src="../js/jquerry_cha_Jan/jquery.js"></script>
    <script src="../js/jquerry_cha_Jan/jquery.validate.js"></script>
    <script src="../js/jquerry_cha_Jan/messages_zh.js"></script>
</head>
<body>
    
    <div class="denglu">
        <div class="m">
            <ul>
                <li>
                    <a href="#"><img src="../images/01.png" alt=""></a>                
                </li>
                <li class="li2"></li>
                <li><h1>欢迎登录</h1></li>
            </ul>
         </div>
    </div>
    <div class="denglu_1">
        <div class="m">
            <div class="denglu_2">
                <ul>
                
                    <li class="li2"><a href="#">在线客服</a></li>
                    <li>
                       <a href=""> 客服热线：010-21360025</a>           
                    </li>
                </ul>
            </div>
            <div class="_from">
                <div class="_left">
                    <div class="_top"><h2>线索</h2>
                       <h3>日均10万条采购线索</h3>
                    </div>
                    <div class="_bottom">
                        <h2>行业</h2>
                        <h3>覆盖63个行业</h3>
                    </div>
                </div>
                <form action="#" name="frm">
                <div class="_right">
                    <ul>
                        <li><a href="#">微信登录</a></li>
                        <li class="lili"></li>
                        <li><a href="#">密码登录</a></li>
                        <li class="lili"></li>
                        <li><a href="#">短信登录</a></li>
                    </ul>
                    <form action="#">
                        <div>
                            <span>账号</span><input type="text" placeholder="请输入用户名或手机号"  name="input1">
                        </div>

                        <div>
                            <span>密码</span><input type="text" placeholder="请输入密码"  name="input2">
                        </div>
                        <div>
                            <button>点击完成验证</button>
                        </div>
                        <div class="div222">

                            <!-- 使用ajax作为登录提交的话，button的value值必须设为button，设置为普通按钮，不然的话，button会自带提交功能默认提交 不经过ajax -->
                            <button value="button" disabled="disabled">登录</button>
                        </div>
                            <p>
                                <a href="#">忘记用户名</a>
                                <a href="#">忘记密码</a>
                                <a href="#">免费注册</a>
                            </p>
                            
                        
                            <input type="checkbox">
                            <span>登录即视为已阅读并同意《慧聪网服务协议》《隐私协议》</span>
                        
                    </form>
                    
                </div>
            </form>
            </div>
             <!-- 尾部版权信息 -->
             <div class="banQuan">
                <p><span>违法和不良信息举报电话：010-21360025</span><span>举报邮箱：<a href="#">jubaotousu@hc360.com</a></span><span> comCopyright©2000-2021 hc360.com. All Rights Reserved</span></p>
            </div>
         </div>
    </div>
    <script src="../js/ajax1.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/dengLu.js"></script>



    <script>
    
        $('[name="frm"]').validate({
           
            
            rules:{

                 errorPlacement: function(error, element) {
			// Append error within linked label
			$( element )
				.closest( "form" )
					.find( "label[for='" + element.attr( "id" ) + "']" )
						.append( error );
		},
                input1:{
                    required: true,
                    digits:true,
                    // maxlength:11,
                    // minlength:11,
                },

                input2:{
                    required: true,
                    rangelength:[4,15]
                }
               
            }    
        })
    </script>
   
</body>
</html>